css实现图片在页面中的动画特效

使图中的云朵,热气球,长颈鹿和中间文字实现动画特效

动画名字参照css类选择器命名

动画时长和延迟时间别忘了带单位 s

infinate 无限循环动画（重复次数）

alternate 为反向 就是左右来回执行动画

forwards 动画结束停留在最后一帧状态，不循环状态使用

linear 让动画匀速执行

transform: scale(x轴缩放倍数, y轴缩放倍数);

技巧

一般情况下, 只为scale设置一个值, 表示x轴和y轴等比例缩放

transform: scale(缩放倍数);

scale值大于1表示放大, scale值小于1表示缩小

html部分

 css部分

   position: absolute;             top: 50%;             left: 50%;             transform: translate(-50%, -50%);

绝对定位使盒子居中(记得设置宽高)